<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:dataTable paginator="true" rows="10" style="width: 700px" id="listaEstudiantes" var="item" value="#{listaEdicionObjetivosInicialesBean.convenioXPeriodoXEstudiantes}" widgetVar="dataObjetivosIniciales" >  
                <f:facet name="header">  
                    Edición Objetivos Iniciales
                </f:facet> 
                <p:column headerText="Código" style="width:12%">  
                    <h:outputText value="#{item.estudiante.codigoEstudiante}" />  
                </p:column>  
                <p:column headerText="Estudiante" style="width:92%">  
                    <h:outputText value="#{item.estudiante.nombresEstudiante} #{item.estudiante.apellido1Estudiante} #{item.estudiante.apellido2Estudiante}" />  
                </p:column>
                
                <p:column headerText="Acción" style="width:4%">  
                    <p:commandButton id="selectButton" oncomplete="dlgObjetivosIniciales.show();" update=":form:display" action="#{listaEdicionObjetivosInicialesBean.listarObjetivosIniciales(actionEvent)}" icon="ui-icon-search" title="Ver objetivo Inicial">                          
                        <f:setPropertyActionListener value="#{item}" target="#{listaEdicionObjetivosInicialesBean.estudianteSelected}"></f:setPropertyActionListener>
                    </p:commandButton>
                </p:column> 
                 
            </p:dataTable> 
            <p:dialog header="Objetivos Iniciales" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlgObjetivosIniciales">  
                <p:outputPanel id="display">  
                    <p:dataTable style="width: 700px" id="listaObjetivos" var="objetivos" value="#{listaEdicionObjetivosInicialesBean.objetivosIniciales}">  

                        <p:column headerText="Consecutivo" style="width:4%">  
                            <h:outputText value="#{objetivos.idObjetivosIniciales}" />  
                        </p:column> 
                        
                        <p:column headerText="Código" style="width:12%">  
                            <h:outputText value="#{objetivos.convenioXPeriodoXEstudiante.estudiante.codigoEstudiante}" />  
                        </p:column>  

                        <p:column headerText="Proyecto" style="width:80%">  
                            <h:outputText value="#{objetivos.nombreProyecto}" />  
                        </p:column> 
                        <p:column headerText="Acción" style="width:4%">                      
                                <p:commandButton id="selectButton" ajax="false" action="#{listaEdicionObjetivosInicialesBean.irFormularioEditarObjetivosIniciales(objetivos)}" icon="ui-icon-search" title="Editar Objetivos"></p:commandButton>
                        </p:column>  
                    </p:dataTable> 
                </p:outputPanel>
            </p:dialog>
        </h:form>
    </ui:define>
</ui:composition>
